<template>
    <div>
        <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <div>
            <van-cell :border="false" title="店铺名称" />
            <van-card num="3" price="￥20.10" desc="白色的" title="华为Mate60pro" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        </div>
        <van-cell-group>
            <van-cell title="优惠券" value="无可用优惠券" />
            <van-cell title="店铺优惠" value="无" />
          
        </van-cell-group>
         <van-cell-group>
            <van-cell title="商品金额" value="￥60.300000000000004" />
            <van-cell title="优惠金额" value="0" />
            <van-cell title="运费" value="免运费" />
            <van-cell title="备注" value="123123" />
          
        </van-cell-group>



    </div>
    <van-submit-bar :price="6030" button-text="提交订单" @submit="onSubmit" />
</template>

<script setup>
import { ref } from 'vue';
// import { showToast } from 'vant';
const tel = ref('18312341234');
const name = ref('斌');

</script>

<style lang="scss" scoped></style>